$button-cursor = pointer;

body,div
    margin 0
    padding 0
    text-align center

.App
    width 500px
    margin 20px auto

.input-area 
    width 100%

.input-area input 
    width 80%
    float left
    font-size 20px
    border 1px solid #5ebdf3
    box-shadow 0px 0px 4px 2px rgba(0, 0, 0, 0.03)
    height 32px

.input-area button 
    width 85px
    margin-left 10px
    height 32px
    background #03A9F4
    box-shadow 0px 0px 1px 1px #4ba6fb
    color #fff
    border none
    border-radius 2px
    cursor $button-cursor

.data-list
    margin-top 40px

.list-item
    height 32px
    line-height 32px
    border 1px solid #eee
    margin-bottom 5px
    padding-left 10px

.list-item .text-value 
    width 80%
    float left
    overflow hidden
    text-overflow ellipsis
    text-align left
    display inline-block

.list-item .text-button
    display inline-block
    float right
    padding 0 20px
    cursor $button-cursor

.list-item:hover
    box-shadow 0px 0px 4px 2px rgba(0,0,0,0.03)

.app-title
    font-size 24px
    margin-bottom 20px